@CHARSET "UTF-8";


/**
* fcase main map css
*/


/****************** map main div **********************************************/
#map-main-box {
  position: relative;
  height: 100%;
  border: 1px solid #aaa;
}

#map-main {
  position: relative;
  width: 100%;
  height: 100%;
}
/******************************************************************************/


/****************** right side bar mplace list ********************************/
#map-side {
  border: 1px solid #AAAAAA;
}

#map-side p {
  margin: 10px;
}

#map-side ul#mplist {
  list-style: none;
  padding: 0;
  margin: 0;
}

#map-side ul#mplist li a {
  display: block;
  border: 1px solid #ddd;
  background: #eee;
  margin: 5px;
  padding: 4px;
  font: 12px Helvetica, sans-serif;
  text-decoration: none;
  color: #444;
}

#map-side ul#mplist li.current a {
  border: 1px solid #444;
  border-left-width: 3px;
  padding-left: 2px;
}

#map-side ul#mplist li a:hover {
  background: white;
  color: #555;
}

#map-side ul#mplist li a strong {
  display: block;
}
#map-side ul#mplist li a span {
  font-style: italic;
  font-size: 11px;
}
/******************************************************************************/


/****************** show loading message bar before the map is ready **********/
#loading-msg-bar {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  display: none;
}

#loading-msg-bar p {
  width: 180px;
  margin: 0 auto 0 auto;
  padding: 10px;
  background: white;
  border: 1px solid #aaa;
}

body.loading #loading-msg-bar {
  display: block;
}
/******************************************************************************/
